<template>
  <div class="app-container">
    <router-view></router-view>
  </div>
</template>

<script setup lang="ts">
</script>

<style>
nav {
  position: fixed;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.7);
  padding: 1rem 2rem;
  border-radius: 30px;
  z-index: 1000;
}

nav a {
  color: white;
  text-decoration: none;
  margin: 0 1rem;
  font-weight: 500;
}

nav a.router-link-exact-active {
  color: #42b983;
  text-decoration: underline;
}

.app-container {
  min-height: 100vh;
  position: relative;
}
</style>
